<div class="main-container">
    <h2 class="h2-ohter-page">
        <span>
            红色旅游精品路线
        </span>
    </h2>
    <mat-form-field>
        <input matInput (keyup)="applyFilter($event.target.value)" placeholder="筛选">
    </mat-form-field>

    <div class="mat-elevation-z8">
        <table mat-table [dataSource]="dataSource" class="table">
            <!-- title Column -->
            <ng-container matColumnDef="title">
                <th mat-header-cell *matHeaderCellDefr> 标题 </th>
                <td mat-cell *matCellDef="let element"><a routerLink="/travel/{{element.link}}" routerLinkActive="true">{{element.title}}</a> </td>
            </ng-container>
            <tr mat-row *matRowDef="let row; columns: displayedColumns;">
            </tr>
        </table>

        <mat-paginator [pageSizeOptions]="[10, 5, 25, 100]"></mat-paginator>
    </div>
</div>